<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p id="result"></p>
    <script>
        //forEach()函数遍历
        var fruits = ["Apple", "Mango", "Banana", "Orange"];
        var result = document.getElementById("result");

        fruits.forEach(function(element, index, array) {
            result.innerHTML += index + ": " + element + "<br>";
        });
        //Array.map()方法返回一个新数组
        var nums1 = [1, 5, 10, 14, 15];
        var nums2 = nums1.map(twice);

        //元素  索引  本身
        function twice(element, index, array) {
            return (element * 2);
        }
        document.write(nums2 + "<br>");
        //Array.filter() 筛选
        var age = [1, 30, 39, 29, 10, 13];
        var val = age.filter(isAdult);

        function isAdult(element, index, array) {
            return element >= 18;
        }
        document.write(val + "<br>");
        //Array.reduce()接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
        var sum = age.reduce(getTotal);

        function getTotal(x, y) {
            return (x + y);
        }
        document.write(sum + "<br>");
        //Array.find()和filter差不多，但是是筛选出第一个元素
        //Array.findIndex()返回的是第一个元素的索引
        //Array.every()用来检查数组所有元素是否都符合条件，用法和筛选一样
    </script>
</body>

</html>